{include file="public/header"/}
{load href="/public/static/Content/ThemesBusiness/FormPage.css"}


    <div id="tabState" class="easyui-tabs" fit="true">
    <table class="form_table" style="width:90%">
        <tr class="form_tr">

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                维修总次数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
               {$info.zl|default=1}
            </td>

           
            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                年维修次数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.year_num|default=1}
            </td>

           

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                月维修次数
            </th>
            <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
                {$info.mon_num|default=1}
            </td>

            <th style="padding-left:8px;width:80px;" class="form_td form_th_title">
                周维修次数
            </th>
           <td style="width:155px;padding-left:8px;" colspan="1" class="form_td form_td_content">
              
            {$info.week_num|default=1}
            </td>


            
          
        </tr>

      
        <tr class="form_tr">
            
            <td colspan="2" style="width:90%;padding-left:8px; height:400px;" class="form_td form_td_content">
                <div id="main1" style="width:100%;height:380px;margin-top: -100px;"></div>
            </td>


          
            <td colspan="6" style="width:90%;padding-left:8px; height:400px;" class="form_td form_td_content">
                <div id="main" style="width:100%;height:380px;margin-top: -100px;"></div>
            </td>

        </tr>

       
        
    </table>

   
    <script type="text/javascript" src="/public/static/js/echarts.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
       
        // 指定图表的配置项和数据
        option = {
            grid: {

                top: '100px',
                bottom: '30px',

            },
            xAxis: {
                type: 'category',
                data: {$date_arr}
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: {$count_sum},
                type: 'line',
                itemStyle : { normal: {label : {show: true}}}
            }]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main1'));
   
    // 指定图表的配置项和数据
    // var option = {
    //     color: ['#5470c6'],
    //     xAxis: {
    //         type: 'category',
    //         data:{$sheng},
    //     },
    //     yAxis: {
    //         type: 'value'
    //     },
    //     series: [{
    //         data: {$sheng_count},
    //         type: 'bar',
    //         showBackground: true,
    //         backgroundStyle: {
    //             color: 'rgba(110, 193, 244, 0.2)',
    //         },
    //         itemStyle: {
    //             normal: {
    //                 label: {
    //                     show: true,
    //                     position: 'top',
    //                 },
    //             },
    //         },
    //     }]
    // };

    // var option = {
    //         legend: {
    //             top: 'bottom'
    //         },
    //         toolbox: {
    //             show: true,
    //         },
    //         series: [
    //             {
    //                 name: '面积模式',
    //                 type: 'pie',
    //                 radius: [50, 200],
    //                 center: ['50%', '50%'],
    //                 roseType: 'area',
    //                 itemStyle: {
    //                     borderRadius: 8
    //                 },
    //                 data: [
    //                     {foreach name="$s" item="vo" key="k" }
    //                     {value: '{$vo}', name: '{$k}'},
    //                     {/foreach}
    //                 ]
    //             }
    //         ]
    //     };

    option = {
   
   tooltip: {
       trigger: 'item'
   },
   legend: {
      // orient: 'vertical',
       left: 'bottom',
   },
   series: [
       {
           name: '故障原因',
           type: 'pie',
           radius: '50%',
           data: [
                    {foreach name="$s" item="vo" key="k" }
                            {value: '{$vo}', name: '{$k}'},
                    {/foreach}
           ],
           emphasis: {
               itemStyle: {
                   shadowBlur: 10,
                   shadowOffsetX: 0,
                   shadowColor: 'rgba(0, 0, 0, 0.5)'
               }
           }
       }
   ]
};
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>




{include file="public/footer"/}